@import './variable.less';
@import './reset.less';
body{
    header{
        height: 40px;
        background: lighten(@color-nav-active, 5%);
        .title{
            height: 40px;width: @aside-width;.color-font(skyblue);
            position: absolute;left: 0; top: 0;line-height: 40px;
        }
        nav{
            margin-left: @aside-width;
            background: @color-nav;
            .nav-ul{
                width: 100%;
                .nav-item;
                .item{
                    float: left;
                }
                &:after{
                    content: '';
                    display: block;
                    clear: both;
                }
            }
        }
    }
    .main{
        aside{
            position: fixed;top: 40px;left: 0;bottom: 0;
            width: @aside-width;background: @color-nav;
            font-size: 14px;
            .nav-item(auto, 10px);
            .item{
                p{
                    .wrap;
                }
            }
        }
        .content{
            position: fixed;top: 40px;left:@aside-width;bottom: 0;right: 0;
            padding: 10px;
        }
    }
}